<!-- 仪表板页面 -->
<div id="dashboard" class="page-content active">
    <div class="page-header">
        <h1 class="page-title">系统仪表板</h1>
        <p class="page-description">欢迎使用人脸识别管理系统，这里是系统的整体概览</p>
    </div>

    <!-- 统计卡片 -->
    <div class="stats-grid">
        <div class="stat-card">
            <div class="stat-value" id="totalFaces">0</div>
            <div class="stat-label">已入库人脸</div>
        </div>
        <div class="stat-card">
            <div class="stat-value" id="todayRecognition">0</div>
            <div class="stat-label">今日识别次数</div>
        </div>
        <div class="stat-card">
            <div class="stat-value" id="successRate">0%</div>
            <div class="stat-label">识别成功率</div>
        </div>
        <div class="stat-card">
            <div class="stat-value" id="systemStatus">正常</div>
            <div class="stat-label">系统状态</div>
        </div>
    </div>

    <!-- 功能卡片 -->
    <div class="dashboard-grid">
        <div class="dashboard-card">
            <div class="card-header">
                <div class="card-title">
                    <div class="card-icon primary">
                        <i class="fas fa-search"></i>
                    </div>
                    人脸识别
                </div>
            </div>
            <p style="color: var(--text-secondary); margin-bottom: 20px;">快速识别上传的人脸图片，匹配库中的人脸信息</p>
            <button class="btn btn-primary" onclick="showPage('recognition')">
                <i class="fas fa-play"></i> 开始识别
            </button>
        </div>

        <div class="dashboard-card">
            <div class="card-header">
                <div class="card-title">
                    <div class="card-icon success">
                        <i class="fas fa-upload"></i>
                    </div>
                    人脸入库
                </div>
            </div>
            <p style="color: var(--text-secondary); margin-bottom: 20px;">将新的人脸图片添加到识别库中，扩展识别能力</p>
            <button class="btn btn-success" onclick="showPage('upload')">
                <i class="fas fa-plus"></i> 添加人脸
            </button>
        </div>

        <div class="dashboard-card">
            <div class="card-header">
                <div class="card-title">
                    <div class="card-icon warning">
                        <i class="fas fa-users"></i>
                    </div>
                    人脸管理
                </div>
            </div>
            <p style="color: var(--text-secondary); margin-bottom: 20px;">管理已入库的人脸信息，查看、编辑或删除人脸数据</p>
            <button class="btn btn-warning" onclick="showPage('management')">
                <i class="fas fa-cog"></i> 管理库
            </button>
        </div>
    </div>
</div> 